<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
   xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:p="http://primefaces.prime.com.tr/ui">


<ui:composition template="Template/TemplateMenu.XHTML">
 <ui:define name="conteudo">

	<h:form>
<h:messages/>
<h1>Cadastro de Usuário</h1>

		<h:panelGrid columns="2">
			
			<h:outputText value="Nome Completo:" />
			<h:inputText value="#{clienteBean.cliente.nome}" style=" width : 400px;"/>
			
			<h:outputText value="RG:" />
			<h:inputText value="#{clienteBean.cliente.rg}" style=" width : 400px;"/>

			<h:outputText value="CPF:" />
			<h:inputText value="#{clienteBean.cliente.cpf}" style=" width : 400px;">
			<f:validator  validatorId="cpf"/>
			</h:inputText>			
			
			<h:outputText value="Sexo:"/>
			<h:selectOneMenu>
			<f:selectItem itemValue="Masculino"/>
			<f:selectItem itemValue="Feminino"/>
			</h:selectOneMenu>

			<h:outputText value="Endereço:" />
			<h:inputText value="#{clienteBean.cliente.endereco}" style=" width : 400px;"/>

			<h:outputText value="Numero:" />
			<h:inputText value="#{clienteBean.cliente.numero}" style=" width : 400px;"/>

			<h:outputText value="Cep:" />
			<h:inputText value="#{clienteBean.cliente.cep}" style=" width : 400px;"/>

			<h:outputText value="Bairro:" />
			<h:inputText value="#{clienteBean.cliente.bairro}" style=" width : 400px;"/>

			<h:outputText value="Cidade:" />
			<h:inputText value="#{clienteBean.cliente.cidade}" style=" width : 400px;"/>

			<h:outputText value="Telefone:" />
			<h:inputText value="#{clienteBean.cliente.telefone}" style=" width : 400px;"/>

			<h:outputText value="Celular:" />
			<h:inputText value="#{clienteBean.cliente.celular}" style=" width : 400px;"/>


		</h:panelGrid>

		<h:panelGrid columns="2">

			<h:outputText value="Login" />
			<h:inputText value="#{clienteBean.cliente.login}" style=" width : 400px;"/>

			<h:outputText value="Password" />
			<h:inputSecret value="#{clienteBean.cliente.senha}" style=" width : 400px;"/>

			<h:outputText value="Confirme Password" />
			<h:inputSecret value="#{clienteBean.cliente.senha}" style=" width : 400px;"/> 

			<h:outputText value="E-mail:" />
			<h:inputText value="#{clienteBean.cliente.email}" style=" width : 400px;"/>

			<h:outputText value="Confirma E-mail:" />
			<h:inputText value="#{clienteBean.cliente.email}" style=" width : 400px;"/>

			<h:commandButton  action="#{clienteBean.Cadastrar}" value="Confirmar" />

		</h:panelGrid>
	</h:form>
 </ui:define>

</ui:composition>
</html>

